<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    
</body>
<script>
    // 1. 使用模块化（推荐）
    //     ES Modules：
    // // utils.js
    // export const formatTime = () => {};

    // // app.js
    // import { formatTime } from './utils';

    // 优点：隔离作用域，显式依赖。


    // 2. 命名空间模式
    //     如果必须用全局变量，使用唯一前缀：
    //     window.MY_APP = {
    //         utils: { /* ... */ },
    //         config: { /* ... */ }
    //     };


    // 3. 及时清理
    //     移除不再需要的全局属性：
    //     // 使用后立即清理
    //         window.tempData = getData();
    //         processData(window.tempData);
    //         delete window.tempData;


    // 4. 使用闭包
    //     通过 IIFE 封装私有变量：
    //     (function() {
    //         const privateData = 'secret';
    //         window.publicApi = { getData: () => privateData };
    //     })();


    
    // 5. 严格模式
    //     启用 'use strict' 避免意外创建全局变量：

    //     javascript
    //     'use strict';
    //     undeclaredVar = 42; // 抛出 ReferenceError

    // 沙箱
</script>
</html>